
@for $i from 0 through 500 {
  .left-#{$i} {
    left: $i + rpx;
  }
}

@for $i from 0 through 500 {
  .right-#{$i} {
    right: $i + rpx;
  }
}

@for $i from 0 through 500 {
  .top-#{$i} {
    top: $i + rpx;
  }
}

@for $i from 0 through 500 {
  .bottom-#{$i} {
    bottom: $i + rpx;
  }
}